@import './modules/header.scss';
@import './modules/base.scss';
@import './modules/footer.scss';



.banner{
    height: 400px;
   .swiper-container{
       width: 70%;
       height: 400px;
       .swiper-pagination-bullet{
           width: 15px !important;
           height: 15px !important;
       }
   }
}

.cake-img{
    width: 100%;
    height: 400px;
    background-color:#f7f7f7;
    margin: 0 auto;
    overflow: auto;
    ul{
        width: 60%;
        height: 400px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
        li:hover .run-info{
            animation: move 2s;
            animation-fill-mode: forwards;
        }
        li{
            overflow: hidden;
            position: relative;
            margin-bottom: 15px;
            img{
                width: 190px;
                height: 190px;
            }
            .run-info{
                width: 100%;
                height: 110px;
                position: absolute;
                font-size: 15px;
                left: 0;
                background-color: rgba($color: #000000, $alpha: 0.6);
                opacity: 0.5;
                line-height: 35px;
                color: white;
                @keyframes move{
                    0%{
                        bottom: -110px;
                    }
                    100%{
                        bottom: 0px;
                    }
                }
            }
            
        }
    }
}
.introduce{
    width: 960px;
    height: 200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    color: #999999;
    dl{
        width: 25%;
        height: 90%;
        border-right: 1px solid #e1dede;
        line-height: 35px;
        dd:nth-of-type(1){
            display: flex;
            margin-top: 20px;
            text-align: center;
        }
        dd:nth-of-type(2){
            margin-left: 10px;
        }
        dd img{
            height: 30px;
            width: 30px;
            margin-top: 7px;
            margin-right: 15px;
            margin-left: 10px;
        }  
    }
}